<div class="container"></div>

<style>
/* From Uiverse.io by mobinkakei  - Tags: simple, blue, pattern */
.container {
  width: 100%;
  height: 100%;
  /* Add your background pattern here */
  --s: 25px; /* control the size */
  --c1: #1eaaee;
  --c2: #171717;

  --c: #0000 71%, var(--c1) 0 79%, #0000 0;
  --_s: calc(var(--s) / 2) / calc(2 * var(--s)) calc(2 * var(--s));
  background: linear-gradient(45deg, var(--c)) calc(var(--s) / -2) var(--_s),
    linear-gradient(135deg, var(--c)) calc(var(--s) / 2) var(--_s),
    radial-gradient(var(--c1) 35%, var(--c2) 37%) 0 0 / var(--s) var(--s);
}

</style>
    